<template>
	<div class="body">
		<div style="height: 66px;background-color: rgb(34, 34, 34);"></div>
		<div class="eldenring-map">
			<iframe width="100%" height="100%" src="https://www.gamersky.com/z/rdr2/map/" frameborder="0"></iframe>
		</div>
	</div>
</template>
<script>
import {defineComponent} from "vue";
export default defineComponent({name:"game"})
</script>
<script setup>
import {useStore} from "vuex";
import {onActivated, onUnmounted} from "vue";
const store = useStore()
onActivated(() => {
	store.commit("setHeaderTab",1)
})
onUnmounted(() => {
	// console.log('onUnmounted game')
})
</script>
<style scoped lang="scss">
.eldenring-map {
	width: 100%;
	height: calc(100% - 66px);
}
</style>